/* CSS Document */
body{background:#fff;}
body,p,div,th,td,input,select,textarea,ul,li{ color:#333; font-size:10pt; font-family: Arial;}
*{ margin:0; padding:0;}
*{word-wrap: break-word;}
img{ border:0px;}
ul,ol{ list-style:none;}


a:link{font-size:12px; color:#0000cc;}
a:visited{font-size:12px; color:#880000;}
a:hover{font-size:12px; color:#ff0000;}
a:active{font-size:12px; color:#ff0000;}


/*share*/
.cl{ clear:both;}
.side{ border:1px solid #cbcbcb;}
.h{ height:35px;}
.f{ float:left;}
.right{ float:right;}
.hands{cursor:pointer;}
.todo{padding:10px; border:1px solid #000; color:orange; width:300px;background-color:#f4f4f4;}

/*error msgs*/
.errorbox{
	padding-bottom:20px;	
}
.errormsgs li{	
	color: #c82828;	
	background-color:#f4f4f4;
	padding:2px;
}

/*layer*/
.loginmain{ width:650px; height:300px; margin:170px auto; border:#4D4D05 3px solid;}
.loginmain img{ float:left; display:block; margin-top:70px;}
.loginright{height:180px; width:330px; float:right; background:#4D4D05; padding:60px 20px 60px 20px; overflow:hidden;}
.loginmain h1{ font-size:22pt; color:#fff;}
.loginmain p{color:#fff; padding-bottom:25px;}
.loginmain p strong{ width:80px; display:block; float:left; clear:both;}
.loginmain p input.sub{ margin-left:80px; width:50px;}
.alert{color:#FF0000; padding:8px 0; height:15px;}
.alert span{ display:none}

/*footer links*/
.footerlinks{
	clear:both; 
	text-align:center;
}

/*task list*/
#main{ padding:20px;}
#header{ text-align:right; line-height:40px; padding-bottom:15px;}
#header img{ float:left;}
#tab{ background:#f4f4f4; line-height:23px; height:23px; overflow:hidden;}
#tab li{ display:block; float:left; line-height:23px; padding:0 15px;}
#tab li.selected{ background:#4D4D05; color:#fff; font-weight:bold;}
#tab a:link,#tab a:visited,#tab a:active {color:#000; text-decoration:none;}
#tab a:hover{ color:#FF0000;}
#submenu{ background:#4D4D05; line-height:26px; height:26px; overflow:hidden;}
#submenu a:link,#submenu a:visited,#submenu a:active {color:#fff; text-decoration:none; display:block; float:left; padding:0 15px; border-right:#858553 1px solid;}
#submenu a:hover{ color:#ffff00;}
#submenu a.selected:link,#submenu a.selected:visited,#submenu a.selected:active,#submenu a.selected:hover{color:#ffff00;}
#contentbox{ border:#4D4D05 15px solid; border-top:0px; background:#fff; padding:20px;}
#contentbox h1{ color:#000; margin-bottom:10px}
.normaltable{ width:100%; border-left:#999 solid 1px;border-top:#999 solid 1px;border-bottom:#999 solid 0px;border-collapse:collapse; } 
.normaltable tr.tit{ background:#f4f4f4;}
.normaltable tr.tit td{  font-weight:bold; color:#000; }
.normaltable td{border-right:#999 solid 1px;border-bottom:#999 solid 1px;padding:3px;vertical-align: middle; text-align:left; font-size:8pt; position:relative;}
.normaltable td.title{text-align:left}
.normaltable tr.task{position:relative;}
.normaltable tr.task td.folder{background:#f4f4f4; border-bottom:0px;}
.normaltable td.attachment{ padding:0px; width:25px; text-align:center;}
.normaltable tr.selectarea{background:#fff;}
.normaltable tr.selectarea td{ padding:2px 5px 2px 0px; border-right:0px; text-align:left}
.normaltable tr.selectarea td.sub{border-right:#999 solid 1px;}
.normaltable tr.selectarea td.t1{border-bottom:#999 solid 1px; background:#fff; padding:0px;}
.normaltable tr.selectarea input{ height:18px; line-height:20px; vertical-align:middle;}
.normaltable tr.selectarea input{ width:50px;}
.normaltable tr.selectarea input.title{ width:240px;}
.normaltable tr.selectarea select{height:22px; vertical-align:middle;font-size:8pt;}

.lefttable{width:50%;}
.lefttable td{text-align:left; font-size:8pt;}

.listbottom{ padding:20px 0; clear:both;} 
.pagelist{ float:right;}
.pagelist a{ margin:0 3px; font-family:georgia;}
.pagelist input{ width:20px;}

/*Add task*/
.addtask{ clear:both; border:1px solid #999; background:#f4f4f4; padding: 5px 5px 5px 5px; display:none}
.addtask h2{ color:#000; margin-bottom:10px;}
.table550{ width:550px; border-collapse:collapse;}
.table550 td{padding:3px;vertical-align: middle;font-size:9pt;}
.table550 td.spacing{width:100%;height:15px}
.table550 input,.table550 select{ width:100px;}
.table550 input.title{ width:284px;}
.table550 textarea{ width:100%; height:100px; padding:3px 0px;}
.table550 span{ display:block; float:left; text-align:right; width:65px; padding-right:3px; line-height:20px; color:#000; font-weight:bold;} 
.table550 span.left{ text-align:left;}

/*share layers*/
.stepbox{ clear:both; height:22px; padding:5px 0;}
.stepbox a:link,.stepbox a:active,.stepbox a:visited,.stepbox a:hover{ display:block; background:url(../images/done.gif) no-repeat 0 3px; float:left; padding-left:25px; margin-right:25px; height:22px; font-size:14pt; color:#999; text-decoration:none;}
.stepbox a.selected:link,.stepbox a.selected:active,.stepbox a.selected:visited,.stepbox a.selected:hover{ background:url(../images/doing.gif) no-repeat 0 3px; color:#4D4D05;}

.hintbox {
	padding:10px;
	border:1px solid #666;
	background-color:#f4f4f4;
	color:#c82828;
}

.task_update{
	clear:both;
	width:100%;
}
.task_update a{
	display:block;
	float:left;
	padding-right:5px;
}
.task_update_user {
	display:block;
	float:left;
} 
.task_update_time{
	float:right;
}
.task_update_content{
	clear:both;
	display:none;
	border-bottom:1px solid #ccc;
}

.tasksdrag-move{
	cursor: move;

}
.taskdrag-move{
	background: #D8EAFE;
}
.taskdrag-over{
	background: #FDEFA2;
}